Comments
89
Chapters
Demo of Expense Tracker App
Demo of Expense Tracker App
0:00
Setting Up React App
Setting Up React App
8:06
Setting Up React App
8:06
Tailwind CSS v4 Setup
Tailwind CSS v4 Setup
10:00
Tailwind CSS v4 Setup
10:00
Installing Required Dependencies
Installing Required Dependencies
13:33
Defining App Routes
Defining App Routes
14:47
Defining App Routes
14:47
Building the Login Form UI
Building the Login Form UI
18:21
Building the Sign-Up Form UI
Building the Sign-Up Form UI
34:08
Creating the Profile Photo Selector Component
Creating the Profile Photo Selector Component
38:15
Backend Project Setup
Backend Project Setup
45:17
Backend Project Setup
45:17
Connecting to MongoDB
Connecting to MongoDB
51:23
Connecting to MongoDB
51:23
Creating Authentication APIs (Login, Sign-Up, Get User Info, Profile Image Upload)
Creating Authentication APIs (Login, Sign-Up, Get User Info, Profile Image Upload)
55:50
Creating Income APIs (Add Income, Get All Income, Delete Income, Download Excel Data)
Creating Income APIs (Add Income, Get All Income, Delete Income, Download Excel Data)
1:19:49
Creating Expense APIs (Add Expense, Get All Expenses, Delete Expense, Download Excel Data)
Creating Expense APIs (Add Expense, Get All Expenses, Delete Expense, Download Excel Data)
1:34:00
Creating Dashboard APIs
Creating Dashboard APIs
1:43:03
Creating Dashboard APIs
1:43:03
Defining API Paths in apiPath.js
Defining API Paths in apiPath.js
1:52:15
Defining API Paths in apiPath.js
1:52:15
Creating an Axios Instance
Creating an Axios Instance
1:54:20
Creating an Axios Instance
1:54:20
Integrating the Login API
Integrating the Login API
1:57:06
Integrating the Login API
1:57:06
Creating User Context
Creating User Context
1:59:46
Creating User Context
1:59:46
Integrating the Sign-Up API
Integrating the Sign-Up API
2:02:35
Integrating the Sign-Up API
2:02:35
Creating the Dashboard Page Layout
Creating the Dashboard Page Layout
2:09:18
Fetching Dashboard Data via API Call
Fetching Dashboard Data via API Call
2:24:55
Implementing Summary Cards
Implementing Summary Cards
2:27:13
Implementing Summary Cards
2:27:13
Recent Transactions Section
Recent Transactions Section
2:32:59
Recent Transactions Section
2:32:59
Financial Overview Section (Pie Chart)
Financial Overview Section (Pie Chart)
2:42:53
Expense Details Section
Expense Details Section
2:51:13
Expense Details Section
2:51:13
Last 30 Days Expenses Section (Bar Chart)
Last 30 Days Expenses Section (Bar Chart)
2:54:41
Last 60 Days Income Section (Pie Chart)
Last 60 Days Income Section (Pie Chart)
3:00:51
Income Details Section
Income Details Section
3:04:14
Income Details Section
3:04:14
Adding Income (Form)
Adding Income (Form)
3:24:31
Adding Income (Form)
3:24:31
API Call to Add Income
API Call to Add Income
3:30:11
API Call to Add Income
3:30:11
Income List Section
Income List Section
3:34:24
Income List Section
3:34:24
API Call to Delete Income
API Call to Delete Income
3:40:00
API Call to Delete Income
3:40:00
API Call to Get All Expenses
API Call to Get All Expenses
3:44:54
API Call to Get All Expenses
3:44:54
Expense Overview Section
Expense Overview Section
3:49:07
Expense Overview Section
3:49:07
Adding Expense (Form)
Adding Expense (Form)
3:56:08
Adding Expense (Form)
3:56:08
API Call to Delete Expense
API Call to Delete Expense
4:00:05
API Call to Delete Expense
4:00:05
Expense List Section
Expense List Section
4:01:21
Expense List Section
4:01:21
Downloading Expense Details
Downloading Expense Details
4:05:48
Downloading Expense Details
4:05:48
Downloading Income Details
Downloading Income Details
4:07:33
Downloading Income Details
4:07:33
Create clip
ANOOP KUMAR
30.0 seconds
Description
1.4KLikes
52,310Views
Feb 252025
Transcript
Follow along using the transcript.
Time To Program
8.2K subscribers